<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/paginas/templates/template.xhtml">
	

	<ui:define name="corpo">

		<h:form id="idMPFormIncluir">
						 
				<p:fieldset legend="Incluir Pessoa" 
							style="width: 750px;">
	
					<p:tabView effect="slide" 
							   effectDuration="normal">
						
						<p:tab title="Dados Principais">
						
							<p:panel>
								<p:commandButton value="Salvar"
											icon="ui-icon-disk"
											action="#{manterPessoaAction.salvar}"/>
											
								<p:commandButton value="Cancelar"
											icon="ui-icon-circle-close" />
											
								<p:commandButton value="Novo"
											icon="ui-icon-plus"
											action="#{manterPessoaAction.salvar}"/>	
											
								<p:commandButton value="Excluir"
											icon="ui-icon-trash"
											action="#{manterPessoaAction.remover}"/>		
							</p:panel>
							
							<p:spacer height="20"/>
							
							<h:panelGrid columns="2"
										 border="1">
										 
								<h:panelGrid border="1">
									<p:outputLabel value="Foto:"/>
									<p:panel style="margin-bottom: 179px;">
										<h:graphicImage library="img/pessoas" 
														name="rosto_feminino.jpg" 
														styleClass="imagem170x150" />
														
										<h:panelGrid>
											
											<p:commandLink>
												<p:outputLabel value="Obter Imagem..."/>
											</p:commandLink>
												
											<p:commandLink>
												<p:outputLabel value="Excluir"/>
											</p:commandLink>
										</h:panelGrid>
									</p:panel>
									
								</h:panelGrid>
							
								<h:panelGrid columns="2" 
											 border="1"
											 width="50%"
											 style="margin-bottom: 91px;">
											 
								
									<h:outputLabel value="Nome:" />
									<p:inputText value="#{manterPessoaAction.formulario.pessoaEntidade.nome}" 
												 style="width: 390px;"/>
												 
									
									<h:outputLabel value="RG:" />
									
									<h:panelGroup>
										<p:inputText value="#{manterPessoaAction.formulario.entidade.rg}" />
										
										<h:outputLabel value="Orgão Expedidor:" 
													   style="margin-left: 10px"/>
										<p:inputText value="#{manterPessoaAction.formulario.entidade.orgaoExpedidor}"
													 style="margin-left: 4px; width: 89px" />
											
									</h:panelGroup>	
									
									<h:outputLabel value="CPF:"/>
											
										<h:panelGroup>
										
														 
											<h:panelGrid columns="3" border="0">
												<p:inputText value="#{manterPessoaAction.formulario.entidade.cpf}"
															 size="16"/>
											
												<h:outputLabel value="Sexo:" 
															   style="margin-left: 30px" />
												
												<p:panel>
													<p:selectOneRadio>
														<f:selectItem itemLabel="Masculino" itemValue="0" />  
						           						<f:selectItem itemLabel="Feminino" itemValue="1" />  
													</p:selectOneRadio>
												</p:panel>
											</h:panelGrid>
											
										</h:panelGroup>
									
									<h:outputLabel value="Data de Nascimento:" />
									<h:panelGroup>
										<p:calendar value="#{manterPessoaAction.formulario.entidade.dataNascimento}"
													effect="drop" 
													style="width: 87px; margin-heigth: 10px"/>
													
										<p:spacer />
									
									</h:panelGroup>
									
									<h:outputLabel value="Endereço:"/>
									
									<h:panelGroup>
										<p:inputText value="#{manterPessoaAction.formulario.entidade.endereco}"
													 style="width: 282px" />
										
										<h:outputLabel value="Número:" 
													   style="margin-left: 4px" />
										<p:inputText value="#{manterPessoaAction.formulario.entidade.numero}"
													 style="margin-left: 4px" size="2"/>
									</h:panelGroup>
										
									<h:outputLabel value="Bairro:" />
									
									<h:panelGroup>
										<p:inputText value="#{manterPessoaAction.formulario.entidade.bairro}"/>
										
										<h:outputLabel value="CEP:" style="margin-left: 10px"/>
										<p:inputText value="#{manterPessoaAction.formulario.entidade.cep}"
													 style="margin-left: 5px; width: 89px" />
									</h:panelGroup>
			
									<h:outputLabel value="Cidade:" />
									
									<h:panelGroup>
										<p:inputText value="#{manterPessoaAction.formulario.entidade.cidade}"
													 style="width: 244px"/>
										
										<h:outputLabel value="UF:" 
													   style="margin-left: 4px"/>
										<p:inputText value="#{manterPessoaAction.formulario.entidade.uf}"
													 style="margin-left: 4px"
													 size="2"
													 maxlength="2"/>
									</h:panelGroup>
									
			
									<h:outputLabel value="telefone Celular:"/>
									
									<h:panelGroup>
									
										<p:inputMask value="#{manterPessoaAction.formulario.entidade.telefoneCel}"
													 mask="(99)9999-9999" 
													 style="width: 87px"/>
				
										<h:outputLabel value="Telefone Fixo:" 
													   style="margin-left: 60px"/>
										<p:inputMask value="#{manterPessoaAction.formulario.entidade.telefoneFixo}"
													 mask="(99)9999-9999" 
													 style="width: 89px; margin-left: 4px" />
									</h:panelGroup>
									
									<h:outputLabel value="Email:" />
									<p:inputText value="#{manterPessoaAction.formulario.entidade.email}"
												 style="width: 257px;"/>
									
								</h:panelGrid>
							
							</h:panelGrid>
							
							
							
						</p:tab>
						
						
						<p:tab title="Outras informações">
						
							<h:panelGrid columns="2" border="2">
							
								<h:outputLabel value="Nacionalidade:" />
								
								<h:panelGroup>
									<p:inputText value="#{manterPessoaAction.formulario.entidade.nacionalidade}"/>
									
									<h:outputLabel value="Naturalidade:" />
									<p:inputText value="#{manterPessoaAction.formulario.entidade.naturalidade}"/>
									
									<h:outputLabel value="UF:" />
									<p:inputText value="#{manterPessoaAction.formulario.entidade.uf}"
												 size="2"/>
								</h:panelGroup>
								
								<h:outputLabel value="Escolaridade:" />
								<h:panelGroup>
									<p:inputText value="#{manterPessoaAction.formulario.entidade.escolaridade}"/>
									
									<h:outputLabel value="Profissão:" />
									<p:inputText />
									
								</h:panelGroup>
								
								<h:outputLabel value="Estado Civil:" />
									<p:selectOneMenu>
										<f:selectItem itemLabel="Selecione o Estado Civil" />
										
										<f:selectItems  />
	
										<p:ajax update="" />
									</p:selectOneMenu> 
								
								<h:outputLabel value="Nome do Pai:" />
								<p:inputText value="#{manterPessoaAction.formulario.entidade.nomePai}"
											 size="80" />
		
								<h:outputLabel value="nome da Mae:" />
								<p:inputText value="#{manterPessoaAction.formulario.entidade.nomeMae}"
											 size="80" />
											 
								<h:outputLabel value="Batizado?:" />
								
								<h:panelGroup>
									<h:panelGrid columns="5">
										
										<p:panel>
											<p:selectOneRadio  value="#{manterPessoaAction.formulario.entidade.batizado}">
												<f:selectItem itemLabel="Sim" itemValue="1" />  
				           						<f:selectItem itemLabel="Nao" itemValue="2" />  
											</p:selectOneRadio>
										</p:panel>
										
										<h:outputLabel value="Data de Batismo:"
													   style="margin-left: 78px;" />
										<p:calendar value="#{manterPessoaAction.formulario.entidade.dataBatismo}"
													effect="drop" 
													style="margin-left: 0px;"
													size="12" /> 
									</h:panelGrid>
								</h:panelGroup>
								
								<h:outputLabel value="Local de Batismo:" />
								<p:inputText value="#{manterPessoaAction.formulario.entidade.localBatismo}"
											 size="70"/>
		
							</h:panelGrid>
						</p:tab>
						
					</p:tabView>
	
				</p:fieldset>
		</h:form>
	</ui:define>
</ui:composition>
</html>